<template>
	<view class="bg-white">
		<view class="heach-top">
		</view>
		<image src="../../static/images/login-img.png" mode="" class="logo"></image>
		<view class="from-box">
			<form>
				<view class=" cu-form-group radius shadow-warp">
					<view class="title">
						<text class= "iconfont icon-xiaolian"></text>
					</view>
					<input placeholder="请输入用户名" name="username">
				</view>
				<view class="cu-form-group radius shadow-warp margin-top">
					<view class="title">
						<text class="iconfont icon-tools-"></text>
					</view>
					<input placeholder="请输入密码" name="password">
				</view>
				<button class="but-box cu-btn block bg-blue margin-top ">
					登录
				</button>
			</form>
		</view>
		<view class="register bg-white">
			<text class="register-text">忘记密码？</text>
			<text class="register-text register-text-box">注册！</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.heach-top{
	width: 100%;
	height: 304upx;
	background: url(../../static/images/login_bg.png) no-repeat center;
	background-size:100%;
}
.logo{
	width: 444upx;
	height: 394upx;
	margin: 0 153upx;
}
.from-box{
	padding: 83upx 90upx 0 91upx;
	
}
.but-box{
	height: 70upx !important;
}
.register{
	padding: 30upx 90upx 150upx 91upx;
	position: relative;
}
.register-text{
	font-size: 30upx !important;
	color: #D1D1D1 !important;
}
.register-text-box{
	position: absolute;
	right: 90upx;
}
</style>
